<template>
  <!-- <m-menu
    name="a"
    icon="c"
    index="b"
    children="d"
    :data="data2"
    defaultActive="1"
    :collapse="collapse"
  ></m-menu> -->
  <m-infinite-menu
    name="a"
    index="b"
    icon="c"
    children="d"
    :data="data2"
    defaultActive="2"
  ></m-infinite-menu>
</template>

<script setup lang="ts">
// import { ref } from "vue";
// let data = [
//   {
//     name: "导航1",
//     index: "1",
//     icon: "Aim",
//   },
//   {
//     name: "导航2",
//     index: "2",
//     icon: "Star",
//   },
//   {
//     name: "导航3",
//     index: "3",
//     icon: "Link",
//     children: [
//       {
//         name: "导航3-1",
//         index: "3-1",
//         icon: "Connection",
//       },
//     ],
//   },
//   {
//     name: "导航4",
//     index: "4",
//     icon: "Star",
//     children: [
//       {
//         name: "导航4-1",
//         index: "4-1",
//         icon: "Document",
//         children: [
//           {
//             name: "导航4-1-1",
//             index: "4-1-1",
//             icon: "Document",
//             children: [
//               {
//                 name: "导航4-1-1-1",
//                 index: "4-1-1-1",
//                 icon: "Document",
//                 children: [
//                   {
//                     name: "导航4-1-1-1-1",
//                     index: "4-1-1-1-1",
//                     icon: "Document",
//                   },
//                 ],
//               },
//             ],
//           },
//         ],
//       },
//     ],
//   },
// ];
let data2 = [
  {
    a: "导航1",
    b: "1",
    c: "Document",
  },
  {
    a: "导航2",
    b: "2",
    c: "Document",
  },
  {
    a: "导航3",
    b: "3",
    c: "Document",
    d: [
      {
        a: "导航3-1",
        b: "3-1",
        c: "Document",
        d: [
          {
            a: "导航3-1-1",
            b: "3-1-1",
            c: "Document",
            d: [
              {
                a: "导航3-1-1-1",
                b: "3-1-1-1",
                c: "Document",
                d: [
                  {
                    a: "导航3-1-1-1-1",
                    b: "3-1-1-1-1",
                    c: "Document",
                  },
                ],
              },
            ],
          },
        ],
      },
    ],
  },
];

// let collapse = ref(false);
</script>

<style scoped lang="scss">

</style>
